<template>
	<div>
		<div>
			<slot></slot>
		</div>
		<el-table :data="tableData" style="width: 100%">
			<template #empty>
				<div class="flex justify-center items-center h-[100%]">
					<div class="flex flex-col justify-center items-center min-h-300px">
						<img src="/icons/no-data.svg" alt="" class="w-[120px] h-[120px]" />
						<div class="text-[#B5B5B5] text-[18px] font-[400] mt-[10px]">暂无数据</div>
						
					</div>
				</div>
			</template>
			<el-table-column prop="time" label="时间" />
			<el-table-column prop="methods" label="类型" />
			<el-table-column prop="account" label="充值账户" />
			<el-table-column prop="coin" label="币种" />
			<el-table-column prop="sum" label="数量" />
			<el-table-column  label="地址">
				<template #default="scope">
					<div class="pt-10px pb-10px flex items-center">
						<span>{{scope.row.address}}</span>
						<img src="/transaction/spot/copy.svg" class="w-16px h-16px">
					</div>
				</template>
			</el-table-column>
			<el-table-column label="状态" align="right">
				<template #default="scope">
					<div class="text-16px text-#07B175">
						{{ scope.row.status }}
					</div>
				</template>
			</el-table-column>
		</el-table>
	</div>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
const tableData = ref<any[]>([
	{
		time:'2023-04-02 12:00',
		methods: '充值',
		account:'现货账户',
		coin:'BTC /USDT',
		sum:'0.2525',
		address:'23253562256256...',
		status:'已完成'
	},
	{
		time:'2023-04-02 12:00',
		methods: '充值',
		account:'现货账户',
		coin:'BTC /USDT',
		sum:'0.2525',
		address:'23253562256256...',
		status:'已完成'
	},
	{
		time:'2023-04-02 12:00',
		methods: '提现',
		account:'现货账户',
		coin:'BTC /USDT',
		sum:'0.2525',
		address:'23253562256256...',
		status:'已完成'
	}
])
</script>
<style lang="scss" scoped></style>
